<%@ page pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<jsp:include page="common/header.jsp"></jsp:include>


<h1><img src="${pageContext.request.contextPath}/views/images/icons/posts.png" alt="" /> 管理员管理</h1>

<a id="button_add" class="mypage_button" href="${pageContext.request.contextPath}/admin-user/add"><img src="${pageContext.request.contextPath}/views/images/icons/menu/dark/chart.png"/> 添加</a>
<a id="button_del" class="mypage_button" href="javascript:batchDel();"><img src="${pageContext.request.contextPath}/views/images/icons/menu/dark/chart.png"/> 删除</a>

<div class="bloc">
    <div class="title">
        用户列表
    </div>
    <div class="content">
        <table id="jgcsTable">
            <thead>
                <tr>
                	<th><input type="checkbox" class="checkall"/></th>
                    <th>用户名</th>
                    <th>手机号</th>
                    <th>创建时间</th>
                    <th>用户角色</th>
                    <th>状态</th>
                    <th>描述</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="tb_body">
            </tbody>
        </table>
        <div id="kkpager">
        
        </div>
    </div>
</div>
<script type="text/javascript" >
var curPageName = "admin-user";
changeCurrent();

function batchDel() {
	var userIds = '';
	$("input[name='userId']:checked").each(function(){
		userIds+=$(this).val()+',';
	});
	if( userIds == ""){
		myAlert(" 请选择要删除的数据!");
		return;
	}
	
	myConfirm("确定要删除用户？",function() {
		
		$.ajax({
				url : "${pageContext.request.contextPath}/admin-user/ajaxdelete",
				type : "POST",
				dataType : "json",
				data : {
					"userIds" : userIds,
					"_":new Date().getTime()
				},
				success : function(rtn) {
					if (rtn.code == 0) {
						myAlert("操作成功!");
						BindData();
					} else {
						myAlert(str);
					}
				}
			})

		$("#myConfirmDialog").hide();
		$("#myAlertMask").hide();
	})
}

var pageIndex = 1; // 页索引

$(function() {
	BindData();
})
// AJAX方法取得数据并显示到页面上
function BindData() {
	$.ajax({
		type : "post", // 使用get方法访问后台
		dataType : "json", // 返回json格式的数据
		url : "${pageContext.request.contextPath}/admin-user/ajaxadminuserlist", // 要访问的后台地址
		data : {
			"page" : pageIndex,
			"size":20
		}, // 要发送的数据
		success : function(msg) {// msg为返回的数据，在这里做数据绑定
			var data = msg.data;//列表数据
			var curPageIndex=msg.curPage;//当前页码
			var total=msg.total;//数据总条数
			var totalPage=msg.totalPage;//页面总数
			$("#total").text(total);
			$("#tb_body").empty(); 
			$.each(data,function(i, item) {
				var JsonDateValue = new Date(item.cdate);
				var cdate = JsonDateValue.getFullYear()+"-"+(JsonDateValue.getMonth()+1)+"-"+JsonDateValue.getDate();
				var status = "";
				if(item.status == 0){
					status = "启用";
				}
				$("#jgcsTable").append(
						"<tr><td><input type='checkbox' name='userId' value='"+item.id+"'/></td><td style='display:none;'>" +
					+ item.id
					+ "</td><td>"
					+ item.username
					+ "</td><td>"
					+ item.email
					+ " </td><td>"
					+ cdate
					+ " </td><td>"
					+ item.roles[0].name
					+ " </td><td>"
					+ status
					+ " </td><td>"
					+ item.description
					+ "</td><td>"
					+ " <a href='${pageContext.request.contextPath}/admin-user/update/"+item.id+"' target='_parent' title='修改信息'>"
					+ "<img src='${pageContext.request.contextPath}/views/images/icons/actions/edit.png' alt='查看详细信息' id='btnInsert'style='border-width:0px;' /></a>"
					+ "<a href='${pageContext.request.contextPath}/admin-user/reparepass?id="+item.id+"' target='_parent' title='点击修改密码'>"
					+ "<img src='${pageContext.request.contextPath}/views/images/icons/actions/key.png' style='width:7%' alt='重置密码'"
					+ "id='paswreset'style='border-width:0px;' /></a>" +
							"</td></tr>");
			});
			generPageBar("BindData", curPageIndex, totalPage, total);
		},
		error : function() {
			var t = document.getElementById("tb_body"); // 获取展示数据的表格
			while (t.rows.length != 0) {
				t.removeChild(t.rows[0]); // 在读取数据时如果表格已存在行．一律删除
			}
			myAlert("加载数据失败");
		} // 加载失败，请求错误处理
		// ajaxStop:$("#load").hide()
	});
}


</script>
